@charset "utf-8";

#header {background: url(../images/header.jpg) repeat-x; height: 85px; position: relative; overflow: hidden;}

#logo { float: left; background: url(../images/logo.gif) no-repeat left top; height: 85px; width: 170px; text-indent: -9999px; position: absolute; z-index: 999; left: 0px; top: 0px;}

#topbar {float: right; position: absolute; top: 4px; right: 32px; height: 18px;}
	#topbar li {float: left; padding: 0 3px;}
		#topbar li a {background: url(../images/topbar_libg.gif) no-repeat 0px -999px; height: 18px; float: left; color:#077EC5;}
		#topbar li a span { background: url(../images/topbar_libg.gif) no-repeat 0px -999px; float: left; line-height: 18px; height: 18px; margin-left: 4px; padding: 0 6px 0 2px; cursor: pointer;}
			#topbar li a:hover {background-position: left top; color: #FFF; text-decoration: none;}
			#topbar li a:hover span {background-position: right bottom;}

#navmenu {width: 798px; height: 54px; overflow: hidden; position: absolute; z-index: 2; top: 31px; left: 180px;}
	#navmenu ul { float: left; width: 800px; height: 54px; line-height: 24px;}
		#navmenu li {background: url(../images/nav_spaceline.gif) no-repeat right 16px; width: 57px; float: left; padding: 12px 15px 20px 13px; height: 22px; display: block;}
		#navmenu .current {background: url(../images/nav_current_bg.gif) no-repeat left top; float: left; height: 22px; width: 92px; line-height: 22px; padding: 14px 0 18px 28px; font-size: 14px; font-weight: 600; display: block; z-index: 20; margin-left: -6px; margin-right: -6px;}
			#navmenu .home {background: url(../images/nav_icos.gif) no-repeat -22px 0px;}
			#navmenu .system {background: url(../images/nav_icos.gif) no-repeat -22px -22px;}
			#navmenu .product {background: url(../images/nav_icos.gif) no-repeat -22px -44px;}
			#navmenu .business {background: url(../images/nav_icos.gif)  no-repeat -22px -66px;}
			#navmenu .member {background: url(../images/nav_icos.gif) no-repeat -22px -88px;}
			#navmenu .shop {background: url(../images/nav_icos.gif) no-repeat -22px -110px;}
			#navmenu .stat {background: url(../images/nav_icos.gif) no-repeat -22px -132px;}
			#navmenu .tool {background: url(../images/nav_icos.gif) no-repeat -22px -154px;}
			#navmenu .finance {background: url(../images/nav_icos.gif) no-repeat -22px -176px;}
			#navmenu .current .home {background: url(../images/nav_icos.gif) no-repeat 0px 0px;}
			#navmenu .current .system {background: url(../images/nav_icos.gif) no-repeat 0px -22px;}
			#navmenu .current .product {background: url(../images/nav_icos.gif) no-repeat 0px -44px;}
			#navmenu .current .business {background: url(../images/nav_icos.gif)  no-repeat 0px -66px;}
			#navmenu .current .member {background: url(../images/nav_icos.gif) no-repeat 0px -88px;}
			#navmenu .current .shop {background: url(../images/nav_icos.gif) no-repeat 0px -110px;}
			#navmenu .current .stat {background: url(../images/nav_icos.gif) no-repeat 0px -132px;}
			#navmenu .current .tool {background: url(../images/nav_icos.gif) no-repeat 0px -154px;}
			#navmenu .current .finance {background: url(../images/nav_icos.gif) no-repeat 0px -176px;}
	#navmenu li h3 a {font-size: 14px; color: #09C; font-weight: 600; line-height: 22px; display: block;}
		#navmenu .icon {height: 22px; float: left; width: 22px; margin-right: 3px;}
		#navmenu li h3{ width:30px;float: left; }
		#navmenu li h3 a:hover { color: #FE990F; display: block; text-decoration: none;}
	#navmenu .current .icon { height: 22px; float: left; width: 22px;}
		#navmenu .current h3 a { color: #FFF; font-size: 14px; line-height: 22px;}
			#navmenu .current h3 a:hover { color: #FFF;}